import React from 'react'
import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons';
import { Menu } from 'antd';
type Props = {}

const Home = (props: Props) => {
  return (
    <div className='list'>
      <div className='list2'>
      <Menu mode="horizontal" defaultSelectedKeys={['mail']}>
    <Menu.SubMenu key="SubMenu" title="Navigation Two - Submenu" icon={<SettingOutlined />}>
      <Menu.Item key="two" icon={<AppstoreOutlined />}>
        
       1231123123123
      </Menu.Item>
    </Menu.SubMenu>
   </Menu>
      </div>
      <div className='list1'>
      <Menu mode="vertical" defaultSelectedKeys={['mail']}>
    <Menu.SubMenu key="SubMenu" title="Navigation Two - Submenu" icon={<SettingOutlined />}>
      <Menu.Item key="two" icon={<AppstoreOutlined />}>
        
       1231123123123
      </Menu.Item>
    </Menu.SubMenu>
   </Menu>
      </div>
      <div className='content'>
        撒的发生飞洒发大水
      </div>
       
    </div>
  )
}

export default Home